﻿@model MvcETicaretDenemesi.Models.IndexLists
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section banner{
    <!-- Slider -->
    <div id="slider">
        <div id="slider-holder">
            <ul>
                @foreach (var bnr in Model.BannerListe)
                {
                    <li><a href="#"><img src="~/themes/css/images/@bnr.BnrImg" alt="@bnr.BnrDesc" /></a></li>                        
                }
            </ul>
        </div>
        <div id="slider-nav">
            <a href="#" class="prev">Previous</a>
            <a href="#" class="next">Next</a>
        </div>
    </div>
    <!-- End Slider -->
}

<!-- Tabs -->
<div class="tabs">
    <ul>
        @foreach (var item in Model.CategoryListe)
        {
            <li><a href='@Url.Action("List", "Product", new { id = @item.CategorySeo })' class="active"><span>@item.CategoryName</span></a></li>
        }
    </ul>
</div>
<!-- Tabs -->

<!-- Container -->
<div id="container">
    <div class="tabbed">

        @foreach (var item in Model.CategoryListe)
        {
            <div class="tab-content" style="display: block;">
                <div class="items">
                    <div class="cl">&nbsp;</div>
                    <ul>
                        @foreach (var prd in Model.ProductListe.Where(a => a.CategoryId == item.CategoryId).Take(5))
                        {
                            <li>
                                <div class="image">
                                    <a href='@Url.Action("Detail", "Product", new { id = @prd.PrdId })'>
                                        <img src="~/themes/css/images/@prd.PrdImage" alt="" />
                                    </a>
                                </div>
                                <p>
                                    Item Number: <span>@prd.PrdItemNumber</span><br />
                                    Size List : <span>@prd.PrdSizeListPrd</span><br />
                                    Brand Name: <a href="#">@prd.PrdName</a>
                                </p>
                                <p class="price">Wholesale Price: <strong>@prd.PrdPrice TL</strong></p>
                            </li>
                        }
                    </ul>
                    <div class="cl">&nbsp;</div>
                </div>
            </div>          
        }


    </div>
</div>
<!-- End Container -->
